<script setup>
import {Memo, Plus, Setting} from "@element-plus/icons-vue";

</script>

<template>
  这是我们的页面内容 <br/>

  <form action="/userLogin" method="post">
    账号：<input type="text" name="loginAct"> <br/>
    密码：<input type="password" name="loginPwd"> <br/>
    <button type="submit">登 录</button>
  </form>

  <!--横线-->
  <hr/>

  <el-form
      :label-position="labelPosition"
      label-width="auto"
      :model="formLabelAlign"
      style="max-width: 600px">

    <el-form-item label="Name">
      <el-input v-model="name" />
    </el-form-item>

    <el-form-item label="Activity zone">
      <el-input v-model="region" />
    </el-form-item>

    <el-form-item label="Activity form">
      <el-input v-model="type" />
    </el-form-item>
  </el-form>

  <hr/>

  <el-button type="success" round>Success</el-button>

  <hr/>

  <el-date-picker
      v-model="value1"
      type="datetime"
      placeholder="Select date and time"/>

  <hr/>

  <el-select
      v-model="value"
      placeholder="Select"
      size="large"
      style="width: 240px">
    <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
    />
  </el-select>

  <hr/>

  <el-button>Default</el-button>
  <el-button type="primary">Primary</el-button>
  <el-button type="success">Success</el-button>
  <el-button type="info">Info</el-button>
  <el-button type="warning">Warning</el-button>
  <el-button type="danger">Danger</el-button>

  <hr/>

  <el-icon><Plus /></el-icon>
  <el-icon><Setting /></el-icon>
  <el-icon><Memo /></el-icon>
</template>

<style scoped>


</style>
